<template>
	<el-container>
		<el-aside width="220px" v-loading="showGrouploading">
			<el-tree ref="category"
					 class="menu"
					 node-key="label"
					 :data="category"
					 @node-click="addComp"
					 :highlight-current="true"
					 :expand-on-click-node="false">
			</el-tree>
		</el-aside>
		<el-container>
		<component :is="pages"/>
		</el-container>
	</el-container>

</template>

<script>
import userInfo from './userInfo';
import unitDept from './unitDept'
import userLevel from './userLevel';
import userRole from './userRole'
export default {
	name: 'Data Verification',
	components: {
		userInfo,
		unitDept,
		userRole,
		userLevel
	},
	data() {
		return {
			showGrouploading: false,
			category: [
				{label:"用户信息校验",value:"userInfo"},
				{label:"部门信息校验",value:"unitDept"},
				{label:"权限信息校验",value:"userRole"},
				{label:"职务信息校验",value:"userLevel"}
			],
			pages:"userInfo"
		}
	},
	mounted() {
	},
	methods: {
		addComp(data){
			this.pages = data.value;
		}
	}
}
</script>

<style>
</style>
